<?php
/* @var $this \yii\web\View */
use yii\helpers\Url;

?>

<section id="instruction">
    <div class="container" id="practice-areas">
        <div class="row pt-sm">
            <div class="col-md-12">
                <h2 class="text-color-dark text-uppercase font-weight-bold center mb-xs">参赛指南</h2>
                <p class="custom-font-size-1 center mb-sm">Introduction</p>
            </div>
        </div>

        <div class="row mt-lg">
            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
                    <div class="feature-box-icon">
                        <i class="fa fa-hand-o-right"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">参赛对象</h4>
                        <p>所有热心于养老事业的人士。包含但不限于高校学生、养老服务人员、 社会工作者和设计人员。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'competitor']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
                    <div class="feature-box-icon">
                        <i class="fa fa-american-sign-language-interpreting"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">参赛作品范围</h4>
                        <p>作品形式不限，期待参赛者集思广益，从各个角度挖掘能给老人带来快乐的游戏形式。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'range']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <div class="feature-box-icon">
                        <i class="fa fa-envelope-open-o"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">作品要求</h4>
                        <p>要求参赛者设计一款乐龄游戏，充分考虑老人作为游戏参与主体的特殊需求。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'requirement']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-md mb-xl">

            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <div class="feature-box-icon">
                        <i class="fa fa-exclamation"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">参赛须知</h4>
                        <p>参赛者允许以个人、组队或单位的形式报名参赛，并遵守参赛须知当中的各项规定。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'rule']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <div class="feature-box-icon">
                        <i class="fa fa-user-md"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">评审规则</h4>
                        <p>组委会将邀请相关领域的权威专家共同组建“专家评审小组”，保证评审的公平性和专业性。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'judge']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="feature-box feature-box-style-2 mb-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
                    <div class="feature-box-icon">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <div class="feature-box-info ml-md">
                        <h4 class="mb-sm">奖项设置</h4>
                        <p>组委会将评选出 100 份优秀作品， 分获金、银、铜、专项和参与奖， 并向获奖者颁发获奖证书和奖金。</p>
                        <a class="mt-md" href="<?php echo Url::to(['site/instruction', '#'=>'award']); ?>"><span class="label label-primary">更多</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>